﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>jQuery Contact Form Plugin: FFForm</title>
    <link th:href="@{/login/css/demo.css}" rel="stylesheet" type="text/css">
    <script src="/login/js/jquery-1.10.2.min.js" type="text/javascript"></script>
    <!--Framework-->
    <script src="/login/js/jquery-1.10.2.min.js" type="text/javascript"></script>
    <script src="/login/js/jquery-ui.js}" type="text/javascript"></script>
    <!--End Framework-->
     <script src="/login/js/jquery.ffform.js" type="text/javascript"></script>
</head>
<body class="flipInX animated">

    <section id="getintouch" class="fadeInRightBig animated">
        <div class="container" style="border-bottom: 0;">
            <h1>
                <span>Login My Site</span>
            </h1>
        </div>
        <div class="container">
            <form class="contact" th:action="@{/login}" method="post" id="form">
                <p th:text="${msg}" style="color: red;"></p>
                <div class="row clearfix">
                <div class="lbl">
                    <label for="username">
                        用户名</label>
                </div>
                <div class="ctrl">
                    <input type="text" id="username" name="username" data-required="true" data-validation="text"
                        data-msg="Invalid Username" placeholder="Ex: 海绵宝宝">
                </div>
            </div>
            <div class="row clearfix">
                <div class="lbl">
                    <label for="password">
                        密码</label>
                </div>
                <div class="ctrl">
                    <input type="text" id="password" name="password" data-required="true" data-validation="password"
                        data-msg="Invalid password" placeholder="Ex: 123456">
                </div>
            </div>

            <div class="row  clearfix" align="center">
                <div class="span10 offset2">
                    <input type="submit" name="submit" id="submit" class="submit" value="Login in">
                </div>
            </div>
            </form>
        </div>
    </section>
</body>
</html>
